<!--
 * @Author: ChunLai
 * @Date: 2020-12-15 09:38:40
 * @LastEditTime: 2025-09-03 11:02:36
 * @Description: 头部提示消息
 * @FilePath: \02.bldinsure\src\components\TipMsg.vue
-->
<template>
  <div class="tip-box warning-mode">
    <MsImgIcon size="16" name="tip" class="tip_icon" />
    <div class="cont-box" v-html="msg"></div>
  </div>
</template>

<script>
export default {
  name: "TipMsg",
  props: {
    msg: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="less" scoped>
.tip-box {
  display: flex;
  width: 100%;
  line-height: 1.5;
  padding: 10px 12px;
  .tip_icon {
    margin-top: 2px;
    margin-right: 4px;
  }
  .cont-box {
    width: calc(100% - 20px);
    font-size: 14px;
    line-height: 20px;
  }
}
</style>
